@media only screen and (max-width:641px){
@charset "utf-8";

/*棣栭〉*/
.header{ display:none;}
.slideBox{ display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:12px 0 8px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:30px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:14px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"寰蒋闆呴粦"; outline:none; font-size:14px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"寰蒋闆呴粦"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"寰蒋闆呴粦"; color:#666; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/header2_1.jpg) center center no-repeat; border:none; outline:none;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:9px;}
.header_mobile1 .span1{ display:block; height:3px; background:#0a7e7a; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#0a7e7a; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#0a7e7a; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.mobile_nav_search1{ float:left; padding:0 3%; width:75%; height:40px; border:0; font-family:"寰蒋闆呴粦"; color:#666; font-size:14px; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:19%; background:#0a7e7a; border:none; outline:none; font-family:"寰蒋闆呴粦"; color:#FFF; font-size:14px;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container .swiper-slide img{ display:block; width:100%;}
.swiper-container .swiper-pagination{ bottom:15px;}
.swiper-container .swiper-pagination-bullet{ background:#FFF; width:10px; height:10px; margin:0 6px !important;}
.swiper-container .swiper-pagination-bullet-active{ background:#0a7e7a;}

.index1{ width:100%; height:auto; overflow:hidden;}
.swiper-container1 {
	width: 100%;
	height: auto;
	position:relative;
	overflow:hidden;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background:#FFF;
	height:auto;
	
	/* top slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: top;
	-ms-flex-pack: top;
	-webkit-justify-content: top;
	justify-content: top;
	-webkit-box-align: top;
	-ms-flex-align: top;
	-webkit-align-items: top;
	align-items: top;
}
.swiper-pagination1{ position:absolute; z-index:100; bottom:30px; left:3%; margin-left:0; width:94%;}
.swiper-pagination1 .swiper-pagination-bullet{ float:none; background:#FFF; width:50px; height:4px; margin:0 5px 0 5px !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:#0a7e7a;}

.index1_1{ width:100%; overflow:hidden; margin:0 auto; position:relative;}
.index1_left{ float:left; width:94%; padding:0 3% 150px 3%; overflow:hidden; position:relative; left:0; margin-left:0; text-align:left; background:#0a7e7a;}
.index1_center{ display:block; position:relative; top:-126px; left:0; margin:0 auto; width:320px; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_center:hover{ -webkit-transform:scale(0.9) translateZ(0); -moz-transform:scale(0.9) translateZ(0); -ms-transform:scale(0.9) translateZ(0); -o-transform:scale(0.9) translateZ(0); transform:scale(0.9) translateZ(0);}
.index1_right{ float:right; width:100%; overflow:hidden; background:#f1f1f1; margin-top:-355px; padding-bottom:70px;}

.index1_left1{ float:left; width:100%; overflow:hidden; font-size:20px; font-family:"Arial"; color:#3c8e8b; line-height:20px; margin-top:30px;}
.index1_left2{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; font-family:"Arial"; color:#FFF; line-height:30px; margin-top:20px;}
.index1_left3{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#FFF; line-height:30px; margin-top:5px;}
.index1_left4{ float:left; width:100%; overflow:hidden; font-size:15px; color:#FFF; line-height:28px; margin-top:20px; height:280px;}

.index1_right1{ width:94%; padding:230px 3% 30px 3%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#FFF; line-height:30px; height:30px;
	/* Center slide text vertically */
	display: block;
	display: block;
	display: block;
	display: block;
	-webkit-box-pack: top;
	-ms-flex-pack: top;
	-webkit-justify-content: top;
	justify-content: top;
	-webkit-box-align: top;
	-ms-flex-align: top;
	-webkit-align-items: top;
	align-items: top;
}
.index1_right2{ width:100%; height:auto; overflow:hidden;}
.index1_right3{ width:94%; padding:0 3%; font-size:15px; color:#444444; line-height:30px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:30px;}
.index1_right4{ margin:30px auto 0 auto;}

.more{ display:block; width:186px; padding-left:40px; height:46px; overflow:hidden; line-height:46px; font-size:14px; color:#FFF; background:url(../images/nav1_on.jpg) center center no-repeat; background-size:100% 100%; position:relative; text-align:left;}
.more span:nth-child(1){ float:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.more span:nth-child(2){ display:block; width:6px; height:7px; background:url(../images/nav3_on.png) no-repeat; position:absolute; top:50%; margin-top:-3.5px; left:185px;}
.more:before{ content:""; position:absolute; width:0; height:1px; background:#FFF; left:40px; top:50%; margin-top:-0.5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.more:after{ content:""; position:absolute; width:37px; height:1px; background:#FFF; left:148px; top:50%; margin-top:-0.5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.more:hover span:nth-child(1){ color:#FFF; margin-left:60px;}
.more:hover:before{ width:37px;}
.more:hover:after{ width:0; left:185px;}

.index2{ width:100%; overflow:hidden; height:auto; background:url(../images/index2_bg.jpg) center center no-repeat; background-size:auto 100%;}
.index2_1{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; padding:30px 0;}
.index2_2{ position:relative; z-index:100; width:88%; padding:30px 3%; height:auto; background:#FFF; float:left; margin-top:0; margin-left:3%; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee;}
.index2_3{ float:left; font-size:20px; font-family:"Arial"; color:#ececec; line-height:30px; margin-top:0;}
.index2_4{ float:left; clear:both; display:block; margin-top:20px; height:35px;}
.index2_5{ float:left; width:100%; overflow:hidden; text-align:left; font-size:15px; color:#444; line-height:28px; margin-top:25px; height:auto;}
.index2_6{ float:left; margin-top:20px;}
.index2_7{ display:block; position:relative; top:0; right:0; z-index:10; width:94%; height:auto; margin:0 auto;}

.index3{ width:100%; overflow:hidden; background:#f1f1f1; padding:30px 0 30px 0;}
.index3_1{ width:94%; margin:0 auto; overflow:hidden; font-size:20px; font-family:"Arial"; color:#02887f; text-decoration:underline; line-height:30px; text-align:left;}
.index3_2{ overflow:hidden; height:auto; float:right; position:relative;}

.swiper-container2 {
	width: 100%;
	height: 100%;
	overflow:hidden;
	position:relative;
	margin-top:60px;
}
.swiper-container2 .swiper-slide {
	overflow:hidden;
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next2{ width:13px; height:24px; background:url(../images/index3_4.png) no-repeat; background-size:13px 24px; cursor:pointer; position:absolute; top:15px; left:30px;}
.swiper-button-prev2{ width:13px; height:24px; background:url(../images/index3_3.png) no-repeat; background-size:13px 24px; cursor:pointer; position:absolute; top:15px; left:0;}

.index3_3{ width:100%; overflow:hidden; text-align:left; cursor:pointer;}
.index3_4{ width:100%; overflow:hidden;}
.index3_4 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_5{ width:97%; overflow:hidden;}
.index3_6{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#444; line-height:30px; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_7{ width:100%; overflow:hidden; font-size:15px; color:#888; line-height:28px; height:84px; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_3:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.index3_3:hover .index3_6{ color:#0a7e7a;}
.index3_3:hover .index3_7{ color:#129a95;}

.index4{ width:100%; padding:30px 0 30px 0; overflow:hidden; background:url(../images/index4_bg.jpg) center center no-repeat; background-size:cover; position:relative;}
.index4_1{ width:100%; overflow:hidden;}
.index4_2{ width:94%; margin:0 auto; overflow:hidden; font-size:20px; color:#a3a4a2; text-align:left; line-height:30px;}
.index4_3{ width:100%; overflow:hidden; font-size:20px; color:#FFF; line-height:30px; margin-top:30px;}
.index4_3 span{ font-size:14px; font-weight:bold; color:#02887f; vertical-align:middle;
    background:linear-gradient(to right, #02887f, #43a363);
    -webkit-background-clip:text;
	color:transparent;
}

.swiper-container3 {
	width: 300px;
	height: 100%;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.swiper-container3 .swiper-slide {
	overflow:hidden;
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next3{ width:22px; height:40px; background:url(../images/banner_r.png) no-repeat; background-size:22px 40px; cursor:pointer; position:absolute; top:51%; right:3%; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev3{ width:22px; height:40px; background:url(../images/banner_l.png) no-repeat; background-size:22px 40px; cursor:pointer; position:absolute; top:51%; left:3%; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next3:hover{ background:url(../images/banner_r_on.png) no-repeat; background-size:22px 40px;}
.swiper-button-prev3:hover{ background:url(../images/banner_l_on.png) no-repeat; background-size:22px 40px;}
.swiper-pagination3{ margin-top:30px;}
.swiper-pagination3 .swiper-pagination-bullet{ background:#a1a2a2; width:50px; height:4px; margin:0 5px !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.swiper-pagination3 .swiper-pagination-bullet-active{ background:#ffffff;}

.index4_4{ width:100%; overflow:hidden; margin-top:30px;}
.index4_4 li{ width:100px; height:130px; cursor:pointer; display:inline-block; margin:0 0; float:left;}
.index4_5{ width:100px; height:100px; position:relative;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index4_5 img{ display:block; margin:0 auto; position:relative; z-index:100; height:45px;}
.index4_6{ width:100px; height:100px; background:url(../images/index4_7.png) center center no-repeat; background-size:80px 80px; position:absolute; top:0; left:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_7{ font-size:15px; color:#FFF; line-height:30px;}
.index4_4:hover .index4_6{
	background:url(../images/index4_8.png) center center no-repeat;
    background-size:80px 80px;
	-ms-transform:rotate(135deg); 	/* IE 9 */
	-moz-transform:rotate(135deg); 	/* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(135deg); 	/* Opera */
	transform:rotate(135deg);
}
.index4_4:hover .index4_7{ font-weight:bold;}

.footer{ width:100%; overflow:hidden; background:#0a7e7a; padding-bottom:20px;}
.footer_in{ width:94%; margin:0 auto; overflow:hidden;}

.footer_1{ float:left; overflow:hidden; width:100%;}
.footer_11{ float:left; overflow:hidden; width:100%; margin-top:30px;}
.footer_12{ float:left; display:block; width:auto; height:30px;}
.footer_13{ float:left; overflow:hidden; margin-top:30px; border-left:1px solid #85bfbd; margin-left:45px; display:none;}
.footer_13 li{ float:left; overflow:hidden; line-height:22px; height:22px; border-right:1px solid #85bfbd; padding:0 20px;}
.footer_13 li a{ font-size:16px; color:#FFF;}
.footer_13 li a:hover{ text-decoration:underline;}
.footer_14{ float:left; overflow:hidden; width:100%; text-align:left; font-size:14px; color:#cee5e4; line-height:25px; border-top:1px solid #54a5a2; padding-top:20px; margin-top:20px;}
.footer_14 a{ color:#cee5e4;}
.footer_14 a:hover{ text-decoration:underline;}

.footer_r{ float:none; overflow:hidden; width:150px; margin:0 auto 0 auto;}
.footer_r1{ display:block; width:132px; margin:30px auto 0 auto;}
.footer_r2{ width:150px; font-size:14px; color:#FFF; line-height:24px; margin-top:10px;}

/* about css */
.banner{ width:100%; height:200px; overflow:hidden; position:relative; margin-top:0; background-size:auto 100% !important;}
.banner_title{ display:table; margin:80px auto 0 auto;}
.banner_title1{ font-size:24px; color:#0a7e7a; line-height:30px;}
.banner_title2{ font-size:14px; color:#6fb0b2; line-height:24px;}
.banner_nav{ width:100%; height:60px; overflow:hidden; background:url(../images/neiye_nav.png) repeat; position:absolute; bottom:0; left:0; display:none;}
.banner_nav1{ width:1024px; height:60px; margin:0 auto; overflow:hidden;}
.banner_nav1 li{ float:left; overflow:hidden; margin-right:1px;}
.banner_nav1 li a{ display:block; height:60px; line-height:60px; padding:0 40px; font-size:16px; color:#FFF;}
.banner_nav1 li .a_on{ background:url(../images/neiye_nav_on.png) repeat;}
.banner_nav1 li a:hover{ background:url(../images/neiye_nav_on.png) repeat;}

.position{ width:calc(94% - 20px); padding-left:20px; margin:30px auto 0 auto; overflow:hidden; text-align:left; font-size:14px; line-height:30px; color:#444; background:url(../images/position.png) left 8px no-repeat;}
.position a{ color:#444;}
.position span{ color:#0a7e7a;}
.position a:hover{ text-decoration:underline;}
.neiye_title{ width:94%; margin:20px auto 0 auto; overflow:hidden; text-align:left; font-size:16px; color:#0a7e7a; line-height:30px;}

.about1{ width:94%; margin:0 auto; padding:30px 0;}
.about1_1{ display:block; margin:0 auto; width:100px;}
.about1_2{ width:100%; overflow:hidden; font-size:15px; color:#444; line-height:30px; margin-top:30px;}
.about1_3{ width:94%; margin:30px auto 0 auto; overflow:hidden; padding:10px 0; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee;}
.about1_3 li{ float:left; width:95%; padding:0 0 0 5%; text-align:left; height:auto; background:none; background-size:auto 40px;}
.about1_3 li:nth-child(2n){ background:none;}
.about1_4{ width:auto; display:inline-block; overflow:hidden; font-size:16px; color:#0a7e7a; line-height:34px; margin-top:10px;}
.about1_4 b{ font-size:24px; color:#0a7e7a; vertical-align:top;}
.about1_4 span{ font-size:14px; color:#444; vertical-align:baseline;}
.about1_5{ width:auto; display:inline-block; overflow:hidden; font-size:14px; color:#444; line-height:34px; margin-left:10px;}
.about1_6{ width:100%; margin-top:30px;}
.about1_7{ float:left; width:100%; position:relative; margin-left:0;}
.about1_8{ display:block; position:relative; z-index:10; width:100%;}
.about1_9{ display:none; width:80px; position:absolute; bottom:-30px; left:-30px; z-index:1;}
.about1_10{ float:right; width:100%; overflow:hidden; margin-right:0; text-align:left;}
.about1_11{ width:100%; overflow:hidden; font-size:16px; color:#0a7e7a; line-height:26px; margin-top:30px;}
.about1_12{ width:100%; overflow:hidden; font-size:15px; color:#444; line-height:28px; margin-top:15px; height:168px;}
.about1_13{ float:left; width:100%; overflow:hidden; position:relative; z-index:10; margin-top:0;}
.about1_13 li{ float:left; width:25%; overflow:hidden; cursor:pointer; margin-top:30px;}
.about1_13 li:nth-child(5){ clear:left;}
.about1_14{ width:50px; height:50px; background:url(../images/about5.png) center center no-repeat; background-size:50px 50px; margin:0 auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.about1_14 img{ display:block; height:30px;}
.about1_15{ margin:15px auto 0 auto; width:94%; font-size:14px; color:#444; line-height:25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.about1_13 li:hover .about1_14{ background:url(../images/about5_on.png) center center no-repeat; background-size:50px 50px;}
.about1_13 li:hover .about1_15{ color:#0a7e7a;}

.about2{ width:100%; height:auto; overflow:hidden; background:url(../images/about8.jpg) center center no-repeat; background-size:auto 100%;}
.about2_1{ width:94%; padding:30px 3%; height:auto; background:url(../images/about9.png) repeat; overflow:hidden;}
.about2_2{ width:100%; padding-right:0; float:right; overflow:hidden; text-align:left; margin-top:0;}
.about2_3{ font-size:16px; color:#FFF; line-height:30px;}
.about2_4{ font-size:15px; color:#FFF; line-height:30px; margin-top:20px;}

.about3{ width:100%; height:auto; padding:30px 0 30px 0; overflow:hidden; background:url(../images/about10.jpg) center center no-repeat; background-size:cover;}
.about3_1{ width:94%; margin:0 auto; overflow:hidden;}
.about3_2{ width:100%; overflow:hidden; font-size:16px; color:#0a7e7a; line-height:30px;}
.about3_3{ width:100%; overflow:hidden; font-size:15px; color:#444; line-height:30px; margin-top:20px;}
.about3_4{ width:1100px; max-width:94%; margin:30px auto 0 auto; overflow:hidden; position:relative;}

.swiper-container4 {
	width: 224px;
	max-width:70%;
	height: 100%;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.swiper-container4 .swiper-slide {
	overflow:hidden;
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next4{ width:22px; height:40px; background:url(../images/banner_r_on.png) no-repeat; background-size:22px 40px; cursor:pointer; position:absolute; top:50%; margin-top:-20px; right:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev4{ width:22px; height:40px; background:url(../images/banner_l_on.png) no-repeat; background-size:22px 40px; cursor:pointer; position:absolute; top:50%; margin-top:-20px; left:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.about3_5{ display:block; width:100%; overflow:hidden;}
.about3_6{ width:100%; overflow:hidden;}
.about3_6 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.about3_7{ width:100%; height:26px; font-size:15px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.about3_5:hover .about3_6 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.about3_5:hover .about3_7{ color:#0a7e7a;}

/* culture css */
.culture1_1{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}
.culture1_2{ display:block; float:left; width:100%; margin-left:0;}
.culture1_3{ float:right; width:100%; overflow:hidden; margin-right:0; text-align:left;}
.culture1_4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#0a7e7a; line-height:26px; margin-top:30px;}
.culture1_5{ float:left; width:100%; overflow:hidden; font-size:15px; color:#444; line-height:28px; margin-top:15px;}

/* pro css */
.pro_list{ width:94%; margin:0 auto; overflow:hidden;}
.pro_list li{ float:left; overflow:hidden; width:50%; margin-top:20px;}
.pro_list li:nth-child(4n+1){ clear:none;}
.pro_list li:nth-child(2n+1){ clear:left;}
.pro_list li a{ display:block; width:100%; overflow:hidden; padding-bottom:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list1{ width:90%; overflow:hidden; margin:10px auto 0 auto;}
.pro_list1 img{ display:block; width:100%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list2{ width:90%; overflow:hidden; margin:0 auto; text-align:left;}
.pro_list3{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:28px; margin-top:15px; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list4{ width:100%; overflow:hidden; font-size:14px; color:#888; line-height:28px; margin-top:10px; height:56px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list li a:hover{ background:#3b9895;}
.pro_list li a:hover .pro_list1 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.pro_list li a:hover .pro_list3{ color:#FFF;}
.pro_list li a:hover .pro_list4{ color:#FFF;}

.page{ width:94%; margin:0 auto; overflow:hidden; font-size:14px; color:#444; padding:20px 0 30px 0;}
.page span{ display:inline-block; height:30px; line-height:30px; padding:0 10px; margin:10px 1px 0 1px; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a{ display:inline-block; height:30px; line-height:30px; padding:0 10px; margin:10px 1px 0 1px; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span:hover{ background:#0a7e7a; color:#FFF;}
.page a:hover{ background:#0a7e7a; color:#FFF;}

/* proIn css */
.proIn{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0;}

.swiper-container5 {
	width: 100%;
	height: 100%;
	overflow:hidden;
	position:relative;
	float:left;
	margin-left:0;
}
.swiper-container5 .swiper-slide {
	overflow:hidden;
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container5 .swiper-slide img{ display:block; width:85%;}
.swiper-button-next5{ width:14px; height:26px; background:url(../images/banner_r_on.png) no-repeat; background-size:14px 26px; cursor:pointer; position:absolute; top:50%; margin-top:-13px; right:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev5{ width:14px; height:26px; background:url(../images/banner_l_on.png) no-repeat; background-size:14px 26px; cursor:pointer; position:absolute; top:50%; margin-top:-13px; left:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.proIn1{ float:right; width:100%; overflow:hidden; text-align:left; margin-right:0;}
.proIn1_1{ font-size:16px; color:#444; line-height:30px; margin-top:20px;}
.proIn1_2{ font-size:15px; color:#888; line-height:30px; margin-top:10px;}

.proIn2{ float:left; width:100%; overflow:hidden; border-top:1px solid #d9d9d9; margin-top:30px; text-align:left; line-height:30px; font-size:15px; color:#888888; padding:30px 0;}
.proIn2_1{ font-size:16px; color:#0a7e7a; padding-bottom:10px; display:inline-block;}
.proIn2 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ float:left; width:100%; overflow:hidden;}
.pageIn1{ float:left; width:calc(100% - 24px); overflow:hidden; background:#f7f7f7; padding:0 12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn2{ float:left; width:calc(100% - 24px); overflow:hidden; background:#f7f7f7; padding:0 12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-top:10px;}
.pageIn a{ display:block; width:100%; overflow:hidden;}
.pageIn a span{ float:left; font-size:14px; color:#444; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; text-align:left; padding-left:0; color:#444;}
.pageIn a img{ float:right; display:none; width:130px; height:97px;}

.pageIn1:hover{ background:#0a7e7a;}
.pageIn2:hover{ background:#0a7e7a;}
.pageIn1:hover span{ color:#FFF;}
.pageIn2:hover span{ color:#FFF;}

.recommend{ width:100%; overflow:hidden; background:#f7f7f7; padding:30px 0;}
.recommend1{ font-size:16px; color:#444; line-height:30px;}
.recommend2{ width:1680px; margin:0 auto; max-width:94%; overflow:hidden; position:relative;}

.swiper-container6 {
	width:1024px;
	max-width: 85%;
	height: 100%;
	overflow:hidden;
	position:relative;
	margin:30px auto 0 auto;
}
.swiper-container6 .swiper-slide {
	overflow:hidden;
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next6{ width:14px; height:26px; background:url(../images/banner_r_on.png) no-repeat; background-size:14px 26px; cursor:pointer; position:absolute; top:50%; margin-top:-7px; right:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev6{ width:14px; height:26px; background:url(../images/banner_l_on.png) no-repeat; background-size:14px 26px; cursor:pointer; position:absolute; top:50%; margin-top:-7px; left:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.recommend3{ display:block; width:100%; overflow:hidden;}
.recommend4{ width:100%; overflow:hidden;}
.recommend4 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.recommend5{ width:100%; overflow:hidden; text-align:left; padding-bottom:0;}
.recommend6{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:30px; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.recommend7{ width:100%; overflow:hidden; font-size:15px; color:#8f8f8f; line-height:28px; margin-top:10px;}
.recommend3:hover .recommend4 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.recommend3:hover .recommend6{ color:#0a7e7a;}

/* solution css */
.solution1{ width:100%; height:auto; overflow:hidden; margin-top:30px; padding:30px 0;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.solution1_1{ width:94%; overflow:hidden; text-align:left; margin:0 auto;}
.solution1_2{ font-size:16px; color:#FFF;}
.solution1_2 span{ font-size:13px; font-family:"Arial"; color:#02887f; font-weight:bold;
    background:linear-gradient(to right, #02887f, #43a363);
    -webkit-background-clip:text;
	color:transparent;
}
.solution1_3{ width:100%; overflow:hidden; font-size:15px; color:#FFF; line-height:30px; margin-top:15px;}

.solution2{ width:100%; overflow:hidden;}
.solution2 li{ width:100%; overflow:hidden;}
.solution2 li:nth-child(2n-1) .solution2_1{ float:left;}
.solution2 li:nth-child(2n-1) .solution2_2{ float:left;}
.solution2 li:nth-child(2n) .solution2_1{ float:right;}
.solution2 li:nth-child(2n) .solution2_2{ float:right;}

.solution2_1{ width:100%; display:block;}
.solution2_2{ padding:0 3% 30px 3%; width:94%; text-align:left; overflow:hidden;}
.solution2_3{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:30px;}
.solution2_3 img{ display:block; margin:5px auto 0 auto; max-width:81px; height:20px; float:left;}
.solution2_3 span{ display:block; width:auto; font-size:16px; color:#0a7e7a; line-height:30px; margin-top:0; float:left; margin-left:10px;}
.solution2_4{ float:left; width:100%; text-align:left; overflow:hidden; color:#888888; font-size:15px; line-height:30px; margin-top:10px;}

/* service css */
.service{ width:94%; margin:0 auto; margin-top:5px;}
.service li{ float:left; overflow:hidden; margin-top:10px; width:50%; margin-right:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.service li:nth-child(5n){ margin-right:0;}
.service li:nth-child(5n+1){ clear:none;}
.service li:nth-child(2n+1){ clear:left;}
.service li a{ display:block; width:100%; padding-bottom:15px;}
.service1{ margin:10px auto 0 auto; width:90%; height:auto; display:block;}
.service2{ width:90%; padding:0 5%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#444; line-height:26px; margin-top:15px;}
.service li:hover{ -webkit-box-shadow:0px 3px 10px #ddd; -moz-box-shadow:0px 3px 10px #ddd; box-shadow:0px 3px 10px #ddd;}

/* partners css */
.partners{ width:94%; margin:0 auto;}
.partners li{ float:left; width:50%; overflow:hidden; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.partners li:nth-child(4n+1){ clear:left;}
.partners li a{ display:block; width:100%; overflow:hidden; padding-bottom:15px;}
.partners1{ width:90%; margin:10px auto 0 auto; overflow:hidden;}
.partners1 img{ display:block; width:100%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.partners2{ width:90%; margin:0 auto; overflow:hidden; text-align:left;}
.partners3{ width:100%; overflow:hidden; font-size:14px; color:#444; line-height:30px; height:90px; margin-top:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.partners4{ width:100%; overflow:hidden; font-size:14px; color:#888; line-height:28px; height:56px; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.partners li:hover{ -webkit-box-shadow:0px 3px 10px #ddd; -moz-box-shadow:0px 3px 10px #ddd; box-shadow:0px 3px 10px #ddd;}
.partners li:hover .partners1 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.partners li:hover .partners3{ color:#0a7e7a;}
.partners li:hover .partners4{ color:#3b9895;}

/* contact css */
.contact{ width:94%; overflow:hidden; margin:0 auto; padding:30px 0 30px 0;}
.contact_l{ float:left; width:100%; overflow:hidden;}
.contact_r{ float:right; width:100%; overflow:hidden; margin-top:30px;}

.contact_l1{ width:calc(100% - 35px); font-size:16px; color:#444; height:26px; line-height:26px; text-align:left; background:url(../images/contact1.png) left center no-repeat; background-size:auto 26px; padding-left:35px;}
.contact_l2{ width:100%; font-size:15px; color:#888; line-height:26px; text-align:left; margin-top:10px;}

.contact_l .input1{ float:left; width:93%; padding:0 3%; border:1px solid #cccccc; font-family:"寰蒋闆呴粦"; font-size:15px; color:#696969; outline:none; height:42px; line-height:42px; margin-top:20px;}
.contact_l .input2{ float:left; width:100px; padding:0 3%; border:1px solid #cccccc; font-family:"寰蒋闆呴粦"; font-size:15px; color:#696969; outline:none; height:42px; line-height:42px; margin-top:20px;}
.contact_l .textarea1{ float:left; width:93%; padding:6px 3%; border:1px solid #cccccc; font-family:"寰蒋闆呴粦"; font-size:15px; color:#696969; outline:none; height:150px; line-height:30px; margin-top:20px;}
.contact_l .button1{ float:left; clear:both; margin-top:20px; cursor:pointer; width:80px; height:44px; background:url(../images/nav1_on.jpg) no-repeat center center; background-size:100% 100%; border:0; outline:none; font-family:"寰蒋闆呴粦"; font-size:15px; color:#FFF;}

.contact_r1{ float:left; width:370px; overflow:hidden;}
.contact_r2{ width:calc(100% - 35px); font-size:16px; color:#444; height:26px; line-height:26px; text-align:left; background:url(../images/contact2.png) left center no-repeat; background-size:auto 26px; padding-left:35px;}
.contact_r3{ width:100%; font-size:15px; color:#888; line-height:26px; text-align:left; margin-top:10px;}
.contact_r4{ width:100%; overflow:hidden; font-size:24px; font-family:"Arial"; font-weight:bold; color:#166e58; text-align:left; line-height:34px; margin-top:20px;}
.contact_r5{ float:none; margin:0 auto; width:120px; overflow:hidden; display:none;}
.contact_r5 img{ display:block; width:100%;}
.contact_r5 span{ font-size:14px; color:#444; line-height:24px; margin-top:10px; display:block; width:100%;}
.contact_r6{ float:left; width:100%; overflow:hidden; text-align:left; font-size:15px; color:#444; line-height:30px; margin-top:10px;}

.map{ float:left; width:100%; height:240px; margin-top:30px;}

}